<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
 
 </script>
</head>
<body>

 <div id="tabs">
 	<ul>
 		<li><a href="#firstTab">1번탭</a></li>
 		<li><a href="#secondTab">2번탭</a></li>
 		<li><a href="#thirdTab">3번탭</a></li>
 		<li><a href="/jQuery_class_stu/01_selector/02_table.html">4번탭</a></li>
 		<!-- 탭을 클릭시 마다 Ajax 요청해서 응답 되는 것을 내용 패널에 붙인다. -->
 	</ul>
 	<div id="firstTab">
	 1번 탭을 클릭했습니다.<br>
	 <p>점심 맛있게 드셨습니까?</p>
	 </div>
	 <div id="secondTab">
	 	<form action="res.jsp">
	 		ID : <input type="text" name="id">
	 		<input type="submit" value="전송">
	 	</form>
	 </div>
	 <div id="thirdTab">
	 	<p>세번째 탭입니다.</p>
	 	<a href="/jQuery_class_stu/01_selector/02_table.html">table.html 요청</a>
	 </div>
 </div>
 
 
</body>
</html>














